<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Store test page</title>
<link type="text/css" href="css/smoothness/jquery-ui-1.8.22.custom.css"
	rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.22.custom.min.js"></script>
<script type="text/javascript">

	$(function() {
		$('.tabs').tabs({cache:true, collapsible:true, event:"click", selected:"2"});

		$('.tabs2').tabs({cache:true, collapsible:true, event:"click", selected:"2"});
	});
	
</script>
<style type="text/css">
</style>
</head>
<body>
	<div class="tabs">
		<ul>
			<li><a href="#tab1_content">Tab1</a>
			</li>
			<li><a href="#tab2_content">Tab2</a>
			</li>
			<li><a href="#tab3_content">Tab3</a>
			</li>
		</ul>

		<div id="tab1_content">some text</div>
		<div id="tab2_content">another text</div>
		<div id="tab3_content">last tabs text</div>
	</div>

	<div class="tabs2">
		<ul>
			<li><a href="tab1.json">Tab1</a>
			</li>
			<li><a href="tab2.json">Tab2</a>
			</li>
			<li><a href="tab3.json">Tab3</a>
			</li>
		</ul>
	</div>
</body>
</html>



